<template>
	<view class="">
		<view class="statistics_top">
			<block v-for="(item,index) in list">
				<view class="statistics_top_item" @tap="go(item.url)" :key="index">
					<image :src="item.src" mode="aspectFill"></image>
					<view>{{item.text}}</view>
				</view>
			</block>
		</view>
		
	</view>
</template>

<script>

	export default{
		data(){
			return{
				demo:['测试'], 
				list:[
					{src:'/static/images/statistics_icon001.png',text:'客户分类',url:'/pages/statistics/classify/classify?statisType=1'},
					{src:'/static/images/statistics_icon002.png',text:'客户新增',url:'/pages/statistics/addStatistics/addStatistics?statisType=2'},
					{src:'/static/images/statistics_icon003.png',text:'客户拜访',url:'/pages/statistics/visitStatistics/visitStatistics?statisType=3'},
					{src:'/static/images/statistics_icon004.png',text:'销售排行',url:''},
					{src:'/static/images/statistics_icon005.png',text:'销售走势',url:'/pages/statistics/classify/classify?statisType=5'},
					{src:'/static/images/statistics_icon006.png',text:'产品销售',url:'/pages/statistics/sellRank/sellRank'},
					{src:'/static/images/statistics_icon007.png',text:'派工总览',url:'/pages/statistics/classify/classify?statisType=7'},
					{src:'/static/images/statistics_icon008.png',text:'其他报表',url:'/pages/statistics/classify/classify?statisType=8'},
				]
			}
		},
		onLoad() {
			
		},
		methods:{
			go(url){
				if(url){
					uni.navigateTo({url:url})
				}else{
					this.$api.prompt("开发中~");
				}
			},
		}
	}
</script>

<style>
	.statistics_top{width: 100%;padding: 0 30upx 40upx 30upx;box-sizing: border-box;font-size: 28upx;color: #FFFFFF;line-height: 40upx;text-align: center;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;background: #049BFF;}
	.statistics_top_item{width: 25%;padding-top: 40upx;}
	.statistics_top_item image{width: 50upx;height: 50upx;margin: auto;}
	.statistics_item1{width: 50%;}
</style>
